@media screen and(max-width:1920px)and(min-width:1000px){
    
}
body{
  -webkit-user-select: none;
  text-align: center;
}
a {
  color: #00B7FF;
}
ul,li{
  list-style: none;
  width: 100%;
}
.li{
  margin-left: -39px;
  text-align:center;
  background-color: rgb(0, 179, 192);
  height: 60px;
  margin-top: -16px;
  line-height: 60px;
}
a{
  text-decoration: none;
  font-size: 25px;
  color: rgb(255, 255, 255);
  width: 100%;
}
.header{
  width: 100%;
  height: 50px;
  background-color:rgb(65, 65, 65);
}
#logo{
  float: left;
  
}
.left{
  float: left;
  background-color: rgb(255, 82, 126);
  width: 15%;
  height: 600px;
}
.right{
  float: left;
  background-color: white;
  width: 85%;
  height: 600px;
}
.footer{
  background-color: lightslategrey;
  width: 100%;
  height: 100px;
  float: left;
}
.user{
  float: right;

}
th,tr,td{
  width: 150px;
  padding: 0;
  margin: 0 auto;
}
td{
  font-size: 25px;
  text-align: center;
  margin-top: 30px;
}
th{
  font-size: 30px;
  text-align: center;
  font-weight: 1000;
  border: 1px solid gray;
}
table{
  margin-left: 5%;
}
.box{
  float: left;
  width: 150px;
  height: 150px;
  background-color: #FF4081;
  margin-left: 10%;
  text-align: center;
  font-size: 30px;
  color: white;
}
#right_main{
  float: left;
  margin-top: 100px;
  margin-left: 10%;
  width: 80%;
  text-align: center;
}
.main_header{
  width: 100%;
  height: 50px;
  margin-top: -30px;
  background-color: #747474;
  text-align: center;
  line-height: 50px;
}
.main_header>h3{
  color: white;
  font-size: 30px;

}
.search{
  position: relative;
  top: -80px;
  left: 35%;
  outline: none;
  border: none;
  width: 200px;
  height: 30px;
  border-radius: 3px;
  text-indent: 4%;
  transition: all linear 0.3s;
}
.sub{
  border: none;
  outline: none;
}
.search:hover{

}
